<template>
  <div class="home-container">
    Home
    {{msg}}
    <button @click="gotoList" type="default" size="defaultSize">TO-LIST页面</button>
    <br/>
    <button @click="gotoSlot" type="default" size="defaultSize">slot-container页面</button>


    <button @click="alertMsg">alertMsg事件</button>

    <div>
      手机号：{{ phone| phoneFormat}}
    </div>
  </div>
</template>

<script>
import something from '../../mixins/something'
import {phoneFormat} from '.././../filters/index'
export default {
  name: 'Home',
  mixins:[something],
  filters:{
    phoneFormat
  },
  data(){
    return {
      msg: 'Hello Home.vue',
      phone: '13245674567'
    }
  },
  methods:{
    gotoList(){
      this.$router.push({
        path: '/list'
      })
    },
    gotoSlot(){
      this.$router.push({
        path: '/slot'
      })
    }
  }
}
</script>

<style>
.home-container{
  height: 100%;
}
</style>